<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--src路径属性:
    相对路径: 访问站内资源时使用
    1.图片和页面在同级目录:直接写图片名
    2.图片在页面的上级目录:../图片名
    3.图片在页面的下级目录:文件夹名/图片名
    绝对路径: 访问站外资源时使用
-->
<!--alt: 当图片不能显示时显示的文本-->
<!--title标题属性悬停显示的内容-->
<!--width/height设置宽高
    两种赋值方式:
    1. 像素
    2. 百分比-->
<img src="z.jpg" width="100" height="100" title="美女">
<!--只设置宽度 高度会自动等比例缩放-->
<img src="../w.jpg" width="50%" alt="这是个美女!">
<img src="abc/x.jpg" alt="">
<img src="https://cdn.tmooc.cn/bsfile//courseImg///79f8d9bcb6394c1580bc299a19fc78b4.jpg" alt="">
</body>
</html>